//点击图片放大
$(document).on("click", "table tr td img", function () {
    var img_content = $(this).attr("src");
    $("body").append(
        "<div class='bg-img'>"
        + "<div class='tra-img'>"
        + "<img src='" + img_content + "' class='zoom-out'>"
        + "</div></div>"
    );
    //bottom:'0',left:'0';会让图片从页面左下放出现，如果想从左上方出现，将bottom:'0'改成top:'0';
    $(".bg-img").animate({
        width: "100%",
        height: "100%",
        bottom: "0",
        top: "0",
    }, "normal")
})
//点击外层区域页面图片隐藏
$(document).on("click", ".bg-img", function () {
    $(this).remove();
})